<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery formValidator 表单校验插件范例列表</title>
<style>
.t0 {background-color:#FFFFFF}
.t1 {background-color:#F0F8FF}
.t2{background: #9cf;}
table{
	font-size:12px;
	border-collapse: collapse;
	border-bottom: 1px solid #666;
}
th{
	color: #333;
	padding: 3px;
	font-family: monospace;
	background: #9cf;
	text-align: left;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
td{
	padding: 6px;
	border-top: 1px solid #ccc;
}
</style>
</head>

<body>
<h2>jQuery formValidator表单校验插件范例列表</h2><table id="demolist">
  <th>范例名</th><th>概述</th><tr class="t1">
  <td><a href="demo1.html">demo1</a></td>
  <td><strong>固定提示层(FixTip)。该模式是常见模式，你必须自己放置div，固定提示层的位置</strong></td>
</tr><tr class="t0">
    <td><a href="demo2.html">demo2</a></td>
    <td><strong>两个校验组。两个校验组是分开校验的，互不影响</strong></td>
</tr><tr class="t1">
      <td><a href="demo3.html">demo3</a></td>
      <td><strong>调用外部函数，扩展库里的正则表达式和函数</strong></td>
</tr><tr class="t0">
        <td><a href="demo4.html">demo4</a></td>
        <td><strong>弹出提示内容(AlertTip)：没有提示层，直接通过alert提示</strong></td>
</tr><tr class="t1">
          <td><a href="demo5.html">demo5</a></td>
          <td><strong>单个提示层跟随(SingleTip)：只有一个提示层。提示层无须自己创建，且漂浮在鼠标的当前位置</strong></td>
</tr><tr class="t0">
            <td><a href="demo6.html">demo6</a></td>
            <td><strong>自动构建提示层(AutoTip)：自动构建提示层。你无须自己放置div，插件自动回在校验控件后面添加提示层</strong></td>
          </tr><tr class="t1">
              <td><a href="demo7.html">demo7</a></td>
              <td><strong>固定提示层(FixTip)。演示插件4.1.0提供的ajaForm对整个form进行提交.</strong></td>
          </tr>
          <tr class="t1">
            <td><a href="demo8.html">demo8</a></td>
            <td><strong>固定提示层(FixTip)。仿126邮箱注册页面写的，一直显示的提示层。</strong></td>
          </tr>
</table>
</body>
</html>
